Accessibility
Nelle pagine Web, è necessario rendere selezionabili i controlli interattivi personalizzati. Ad esempio, se si trasforma un <div> in un menu a tendina utilizzando JavaScript, questa azione non sarà inclusa nell'ordine delle schede per impostazione predefinita: è necessario effettuare un controllo manuale per verificare se tutti i controlli personalizzati sono selezionabili da tastiera.
Basta premere il tasto TAB: in questo modo si può navigare nella pagina e verificare se è possibile o meno raggiungere i controlli interattivi.
Se non è possibile, si deve migliorare la focalizzabilità usando il tabindex.
L'elemento di controllo personalizzato deve essere inserito nell'ordine naturale di tabulazione utilizzando tabindex="0".
<div tabindex="0">Focus me with the TAB key</div>
Per saperne di più Accessibility
Prestazioni SEO sulla pagina e checkup.
Oltre 300 parametri per l'analisi approfondita delle pagine.
Condividi questa Guida.
Ti è piaciuta? Condividila!
Web tools per sviluppatori moderni. Provali!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Tester and validators
Verifica gli Structured data delle tue pagine web. Verifica la conformità dei tuoi Structured data json-ld e migliora la tua SEO.
Builders and generators Google
Scegli un tema per la mappa o crea la tua Google map personalizzata. Personalizza le mappe con la tua creatività, con impostazioni, stili e colori.
Converters
Converti bit, byte, kilobyte, megabyte, gigabyte, terabyte e così via. Imposta il numero e scegli l’unità da convertire. Provalo gratuitamente.
Builders and generators
Scegli i tuoi dati e crea il tuo QR Code personalizzato. Specifica formato, dimensione, margini, set di caratteri, colori e molto altro del tuo codice QR personalizzato.
Analytics Google Tracking script
Genera URL per la misurazione della campagna iOS. Usa questo strumento gratuito per generare URL per misurare l’origine delle installazioni di applicazioni iOS.
Calcolatore della griglia di layout: imposta il sistema di griglia, la larghezza della pagina, il margine e le colonne. Progetta il tuo sistema di layout per pagine web, app e design di stampa.
Images
Ingrandisci, ridimensiona, capovolgi, ruota e ritaglia le tue immagini. Carica e modifica le tue immagini gratuitamente con l’editor di immagini di Seo Checker.
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.